<template>
	<view class="yzt-Header">
		<view style="height: var(--status-bar-height);"></view>
		<view class="yzt-Main">
			<image class="img" src="@/static/logo.png" mode=""></image>
			<text class="txt">{{props.title}}</text>
		</view>
	</view>
</template>

<script setup lang="ts">
	const props = defineProps(['title']);
</script>

<style scoped lang="scss">
.yzt-Header{
	width: 100%;
	color: white;
	background: $borColor;
	z-index: 2;
	.yzt-Main{
		display: flex;
		align-items: center;
		padding-bottom: $pdx;
		.img,.txt{
			padding-left: $pdx;
		}
		.img{
			height: $iconSize;
			width: $iconSize;
		}
		.txt{
			font-size: $uni-font-size-title;
		}
	}
}
</style>